<template>
  <div class="home">
    <Header head-title="挂号记录" go-back="true"></Header>
    <section class="group">
        <el-timeline>
            <el-timeline-item color="#6bb66d" timestamp="2018/4/12" placement="top">
            <el-card>
                <section class="Select" @click="RecordDetail()">
                    <section class="fontsMin recordLeft">
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊时间：</p>
                            <p>2020-02-12 上午</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊医院：</p>
                            <p>平顶山市第一人民医院</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊人：</p>
                            <p>毛驴张</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">科室：</p>
                            <p>皮肤科</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">大夫：</p>
                            <p>张欣欣 副主任医师</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊号码：</p>
                            <p>3</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">挂号费用：</p>
                            <p class="Select"> <span class="activecolor">￥9.9</span>
                            <span>普通号</span>
                                <el-button size="mini" type="primary">已支付</el-button>
                            </p>
                        </div>
                    </section>
                    <section class="recordRight">
                        <div class="fontCfff recoBg1 RecordCircle">
                            未取号
                        </div>
                    </section>
                </section>
            </el-card>
            </el-timeline-item>
            <el-timeline-item color="#3599fb" timestamp="2018/4/3" placement="top">
              <el-card>
                <section class="Select">
                    <section class="fontsMin recordLeft">
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊时间：</p>
                            <p>2020-02-12 上午</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊医院：</p>
                            <p>平顶山市第一人民医院</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊人：</p>
                            <p>毛驴张</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">科室：</p>
                            <p>皮肤科</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">大夫：</p>
                            <p>张欣欣 副主任医师</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊号码：</p>
                            <p>3</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">挂号费用：</p>
                            <p class="Select"> <span class="activecolor">￥9.9</span>
                            <span>普通号</span>
                                <el-button size="mini" type="primary">已支付</el-button>
                            </p>
                        </div>
                    </section>
                    <section class="recordRight">
                        <div class="fontCfff recoBg2 RecordCircle">
                            进行中
                        </div>
                    </section>
                </section>
              </el-card>
            </el-timeline-item>
            <el-timeline-item color="#9a9899" timestamp="2018/4/2" placement="top">
              <el-card>
                <section class="Select">
                    <section class="fontsMin recordLeft">
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊时间：</p>
                            <p>2020-02-12 上午</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊医院：</p>
                            <p>平顶山市第一人民医院</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊人：</p>
                            <p>毛驴张</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">科室：</p>
                            <p>皮肤科</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">大夫：</p>
                            <p>张欣欣 副主任医师</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">就诊号码：</p>
                            <p>3</p>
                        </div>
                        <div class="Select RecordInfo">
                            <p class="fontC">挂号费用：</p>
                            <p class="Select"> <span class="activecolor">￥9.9</span>
                            <span>普通号</span>
                                <el-button size="mini" type="primary">已支付</el-button>
                            </p>
                        </div>
                    </section>
                    <section class="recordRight">
                        <div class="fontCfff recoBg3 RecordCircle">
                            已完成
                        </div>
                    </section>
                </section>
              </el-card>
            </el-timeline-item>
        </el-timeline>
    </section>
  </div>
</template>

<script>
import Header from '../../../components/Header'
export default {
  data () {
    return {
    }
  },
  mounted () {
  },
  components: {
    Header
  },
  methods: {
    RecordDetail () {
      this.$router.push({
        path: '/RecordDetail'
      })
    }
  }
}
</script>

<style scoped>
.home {
  /* padding-top: 0; */
}
</style>
